<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>login</title>
		<link rel="shortcut icon" type="text/css" href="img/ico/IOS.png" />
		<!--frame-css-->
		<link rel="stylesheet"  href="frame/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<link rel="stylesheet"  href="frame/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet"  href="../../Frame/Mcake-1.2.0/css/Mcake.min.css"/>
		<!--Cont-css-->
		<style type="text/css">
			.denglu_img,.main {
				text-align: center;
			}
			.data-item-cont{margin: 10px;}
				
		</style>
	</head>

	<body class="denglu-body">
		<!--頭部导航-->
			<nav class="navbar navbar-inverse navbar-fixd-top" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-collapse">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
						<a class="navbar-brand" href="javascript:;">天泽★</a>
					</div>
					<div class="collapse navbar-collapse" id="nav-collapse">
						<ul class="nav navbar-nav">
							<li>
								<a href="#">IOS</a>
							</li>
							<li>
								<a href="#">JAVA</a>
							</li>
							<li>
								<a href="#">DNF</a>
							</li>
							<li>
								<a href="#">CF</a>
							</li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="#">登录</a>
							</li>
							<li>
								<a href="#">注册</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!--content-->
			<div class="main">
				<div class="container">
					<!--登录标题-->
					<div class="denglu_img">
						<img src="img/ico/ico1.png" alt="無圖提示" title="有圖提示" style="width:100px;height:100px;" />
						<div class="denglu_title">
							<h1>用戶登錄</h1>
						</div>
					</div>
					<!--登录表单-->
					<div class="login-form" id="login-form">
						<!--用户名-->
						<div class="data-item" data-type="text">
							<!--标题-->
							<div class="data-item-tit">
								<lable>
									<span>用户名：</span>
								</lable>
							</div>
							<!--表单内容-->
							<div class="data-item-cont">
								<input class="data-text ipt ipt-info input-block" data-value="loginId" type="text"  name="" value="" placeholder="请输入用户名"/>
							</div>
							<!--提示-->
							<div class="data-item-info">
							</div>
						</div>
						<!--密码-->
						<div class="data-item" data-type="text">
							<!--标题-->
							<div class="data-item-tit">
								<lable>
									<span>密码：</span>
								</lable>
							</div>
							<!--表单内容-->
							<div class="data-itme-cont">
								<input class="data-text ipt ipt-info input-block" type="password"  name=""  value=""  placeholder="请输入密码"/>
							</div>
							<!--提示-->
							<div class="data-item-info">
							</div>
						</div>
						<!--提交表单-->
						<div class="data-item login-form-post">
							<!--标题-->
							<div class="data-item-tit">
							</div>
							<!--表单内容-->
							<div class="data-item-cont">
								<button id="login_form_post_btn" class="button button-info button-pill button-sm" type="button">登录</button>
								<p>还没有用户名？<a href="javascript:;">立即注册</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>

		<!--frame-js-->
		<script src="frame/jquery-3.1.1.min.js"></script>
		<script src="frame/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="frame/layer-v3.0.1/layer/layer.js"></script>
		<script src="../../Frame/Mcake-1.2.0/js/Mcake.min.js"></script>
		<script src="../../Frame/layui/layer-v2.4/layer/layer.js"></script>
		<script src="../../Frame/Mcake-Form/js/Mcake-Form.min.js"></script>
		<script src="../../js/jquery.base64.js"></script>
		<script src="../../js/base-method.js"></script>
		<script src="../../js/base-emh-method.js"></script>
		<!--Cont-js-->
		<script src="js/new_file.js"></script>
		<script type="text/javascript">
			var $ipts=$("#login_form input.data-text");
			
			$ipts.blur(function(){
				var $thisIpt=$(this);
				mustltem($thisIpt);
			});
		</script>
	</body>

</html>